<template>
	<view class="title-content">
		<slot></slot>
		<view class="date" v-if="props.date">{{ props.date }}</view>
	</view>
</template>

<script setup>
	const props = defineProps({
		date: {
			type: String, 
			default: ""
		}
	})
	
</script>

<style lang="scss" scoped>
.title-content{
	padding: 20rpx 0;
	border-bottom: 1rpx solid #510007;
	color: $uni-text-color-yellow;
	font-size: $uni-font-size-lg;
	text-align: center;
	line-height: 60rpx;
	
	> .date{
		color: #ff9f5b;
		font-size: 20rpx;
		margin-top: 20rpx;
	}
}
</style>